<template>
  <Card title="夜间值班表">
    <LineChart title="设备维修组"></LineChart>
    <LineChart title="电力维修组"></LineChart>
    <LineChart title="仪表维修组"></LineChart>
  </Card>
</template>

<script>
import { defineComponent } from "vue";

import Card from "./Card.vue";
import LineChart from "./LineChart.vue";

export default defineComponent({
  name: "NightShiftSchedule",
  components: {
    Card,
    LineChart,
  },
  data() {
    return {};
  },
  mounted() {},
});
</script>

<style lang="scss" scoped>
.alarm-num {
  display: flex;
  align-items: center;

  .left {
    width: 50%;
  }

  .right {
    width: 50%;
  }
}

.chart {
  height: 100px;
  margin-top: 16px;

  &:first-child {
    margin-top: 0;
  }
}
</style>
